<template>
  <div class="list">
    <item :item="item" v-for="(item,index) in list" :key="index"></item>
  </div>
</template>

<script>
import item from './item.vue'
// import {intermediateData} from "@/api/api/waterSupplyOverview.js";

export default {
  data() {
    return {
      list: []
    }
  },
  components: {item},
  mounted() {
    this.getData();
  },
  methods: {
    async getData() {
      const response = await intermediateData();
      this.list = response.data;
    },
  },
}
</script>

<style lang="scss" scoped>
.list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  align-content: flex-start;
}
</style>
